<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>个人主页</title>
    <link rel="stylesheet" href="style.css">
    <link href="https://cdn.bootcdn.net/ajax/libs/font-awesome/6.4.0/css/all.min.css" rel="stylesheet">
</head>
<body>
    <header>
        <nav>
            <div class="container">
                <h1>个人主页</h1>
            </div>
        </nav>
    </header>

    <main>
        <section class="hero">
            <div class="container">
                <div class="profile-card">
                    <div class="avatar">
                        <img src="https://via.placeholder.com/150" alt="个人头像" id="avatar">
                    </div>
                    <h2 id="name">你的名字</h2>
                    <p id="bio">这里是一段简洁的个人简介，介绍你的专业背景和兴趣爱好。</p>
                    
                    <div class="contact-links">
                        <a href="https://github.com/yourusername" target="_blank" class="social-link">
                            <i class="fab fa-github"></i>
                        </a>
                        <a href="https://linkedin.com/in/yourusername" target="_blank" class="social-link">
                            <i class="fab fa-linkedin"></i>
                        </a>
                        <a href="mailto:your.email@example.com" class="social-link">
                            <i class="fas fa-envelope"></i>
                        </a>
                    </div>
                </div>
            </div>
        </section>
    </main>

    <footer>
        <div class="container">
            <p>&copy; 2024 个人主页. All rights reserved.</p>
        </div>
    </footer>
</body>
</html>
